<template>
  <div>
    <h2>自定义带Hover提示的按钮</h2>
    <Child aa="bb" :cc="'dd'" :xx="'yy'" @click="test" @xxx="test2"></Child>
    <el-button type="primary" icon="el-icon-plus" size="mini" title="添加"></el-button>
    <el-button type="danger" icon="el-icon-delete" size="mini" title="删除"></el-button>
    <el-button type="warning" icon="el-icon-edit" size="mini" title="修改"></el-button>

    <br><br><br>
    <HintButton type="primary" icon="el-icon-plus" size="mini" title="添加"></HintButton>
    <HintButton type="danger" icon="el-icon-delete" size="mini" title="删除"></HintButton>
    <HintButton type="warning" icon="el-icon-edit" size="mini" title="修改"></HintButton>
  </div>
</template>

<script type="text/ecmascript-6">
import Child from '@/pages/Communication/AttrsListenersTest/Child'
import HintButton from '@/pages/Communication/AttrsListenersTest/HintButton'
  export default {
    name: 'AttrsListenersTest',
    components:{
      Child,
      HintButton
    },
    methods: {
      test(){
        console.log(111);
      },
      test2(){
        console.log(222);
      }
    },
  }
</script>
